<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>CSS 链接</title>
		<style>
			a:link {
				color: #000000;
				text-decoration: none; /* 取消默认下划线 */
				background-color: #ffff85;
			} /* 未访问链接*/

			a:visited {
				color: #00ff00;
			} /* 已访问链接 */

			a:hover {
				color: #ff00ff;
			} /* 鼠标移动到链接上 */

			a:active {
				color: #0000ff;
			} /* 鼠标点击时 */
		</style>
	</head>
	<body>
		<!--
    注意： a:hover 必须在 a:link 和 a:visited 之后，需要严格按顺序才能看到效果。
    注意： a:active 必须在 a:hover 之后。
    -->
		<a href="#" target="_blank">这是一个链接</a>
	</body>
</html>
